document.onkeydown = function () {
    var e = window.event || arguments[0];
    if (e.keyCode == 123) {
        // $.fn.msg({
        //     content: '禁用右键点击！',
        //     type: 'error'
        // });
        return false;
    } else if ((e.ctrlKey) && (e.shiftKey) && (e.keyCode == 73)) {
        // $.fn.msg({
        //     content: '禁用右键点击！',
        //     type: 'error'
        // });
        return false;
    } else if ((e.ctrlKey) && (e.keyCode == 85)) {
        // $.fn.msg({
        //     content: '禁用右键点击！',
        //     type: 'error'
        // });
        return false;
    } else if ((e.ctrlKey) && (e.keyCode == 83)) {
        // $.fn.msg({
        //     content: '禁用右键点击！',
        //     type: 'error'
        // });
        return false;
    }
}
document.oncontextmenu = function () {
    // $.fn.msg({
    //     content: '禁用右键点击！',
    //     type: 'error'
    // });
    return false;
}

//消息提示框的组件
$.fn.extend({
    msg: function (options) {
        var defaults = {
            title: '提示',
            content: '',
            type: 'default', // 默认类型为default
            time: 3000,
            callback: null
        };
        var options = $.extend(defaults, options);
        // 创建div
        var div = $('<div class="msg-box"></div>');
        // 设置样式
        div.css({
            'position': 'fixed',
            'top': '9%',
            'left': '50%',
            'transform': 'translate(-50%, -50%)',
            'z-index': '9999',
            'background-color': '#fff',
            'padding': '10px',
            'width': '300px',
            'text-align': 'center',
            'border-radius': '5px',
        });
        // 添加标题
        // var title = $('<span style="margin-bottom:10px;display: inline-block;"></span>');
        // title.text(options.title);
        // title.css('font-weight', 'bold');
        // div.append(title);
        // 添加内容
        var content = $('<p></p>');
        content.text(options.content);
        div.append(content);
        // 添加关闭按钮
        var close = $('<span></span>');
        close.text('×');
        close.css({
            'position': 'absolute',
            'top': '0px',
            'right': '5px',
            'cursor': 'pointer',
        });
        close.click(function () {
            div.remove();
            if (options.callback) {
                options.callback();
            }
        });
        div.append(close);
        // 根据类型设置样式
        switch (options.type) {
            case 'success':
                div.css('background-color', '#dff0d8'); // 绿色背景
                div.css('color', '#67c23a'); // 绿色背景
                break;
            case 'error':
                div.css('background-color', '#fef0f0'); // 红色背景
                div.css('color', 'red'); // 红色背景
                break;
            default:
                // 默认情况下不做任何特殊样式处理，保持灰色背景
                break;
        }
        // 添加到body中
        $('body').append(div);
        // 设置定时器
        setTimeout(function () {
            // 移除div
            div.remove();
            if (options.callback) {
                options.callback();
            }
        }, options.time);
    }
});


//消息询问框
$.fn.extend({
    confirmMsg: function (options) {
        var defaults = {
            title: '提示',
            content: '',
            confirmText: '确定',
            cancelText: '取消',
            confirmCallback: null,
            cancelCallback: null
        };
        var options = $.extend(defaults, options);

        var mask = $('<div class="confirm-mask"></div>');
        mask.css({
            'position': 'fixed',
            'top': '0',
            'left': '0',
            'width': '100%',
            'height': '100%',
            'background-color': 'rgba(0, 0, 0, 0.5)',
            'z-index': '9998'
        });
        $('body').append(mask);

        var dialog = $('<div class="confirm-dialog"></div>');
        dialog.css({
            'position': 'fixed',
            'top': '50%',
            'left': '50%',
            'transform': 'translate(-50%, -50%)',
            'z-index': '9999',
            'background-color': '#fff',
            'padding': '40px',
            'text-align': 'center',
            'border-radius': '5px',
            'width': '300px',
        });

        var title = $('<h3></h3>');
        title.text(options.title);
        dialog.append(title);

        var content = $('<p style="margin:15px 0"></p>');
        content.text(options.content);
        dialog.append(content);

        var confirmBtn = $('<button class="confirm-btn"></button>');
        confirmBtn.text(options.confirmText);
        confirmBtn.css({
            'margin': '0 10px',
            'padding': '5px 10px',
            'background-color': '#007bff',
            'color': '#fff',
            'border': 'none',
            'cursor': 'pointer'
        });
        confirmBtn.click(function () {
            mask.remove();
            dialog.remove();
            if (options.confirmCallback) {
                options.confirmCallback();
            }
        });
        dialog.append(confirmBtn);

        var cancelBtn = $('<button class="cancel-btn"></button>');
        cancelBtn.text(options.cancelText);
        cancelBtn.css({
            'margin': '0 10px',
            'padding': '5px 10px',
            'background-color': '#fff',
            'color': '#666',
            'border': 'none',
            'cursor': 'pointer',
            'border': '1px solid #ccc'
        });
        cancelBtn.click(function () {
            mask.remove();
            dialog.remove();
            if (options.cancelCallback) {
                options.cancelCallback();
            }
        });
        dialog.append(cancelBtn);

        $('body').append(dialog);
    }
});

// 显示确认对话框
// $.fn.confirmMsg({
//     title: '确认',
//     content: '确定要执行此操作吗？',
//     confirmCallback: function() {
//         console.log('点击了确定按钮');
//         // 这里可以编写确认按钮点击后执行的操作
//     },
//     cancelCallback: function() {
//         console.log('点击了取消按钮');
//         // 这里可以编写取消按钮点击后执行的操作
//     }
// });


// $.fn.msg({
//     content: '操作失败',
//     type: 'error'
// });
// $.fn.msg({
//     content: '操作成功',
//     type: 'success'
// });

// $.fn.msg({
//     content: '这是一条默认消息'
// });

// $.fn.msg({
//     content: '这是一条默认消息',
//     callback: function() {
//         console.log('消息提示框已关闭，执行回调函数');
//         // 这里可以编写你想要执行的代码
//     }
// });


function updateTime() {
    // 1.显示小时，分钟，秒
    $(function () {
        var storedData = localStorage.getItem('startTimeData');
        var currentDate = new Date().toLocaleDateString();
        var startTime;

        // 2.当页面关闭或者跳转的时候保存在localStorage，方便下次回显
        $(window).on('beforeunload', function () {
            var dataToStore = { date: currentDate, startTime: startTime };
            localStorage.setItem('startTimeData', JSON.stringify(dataToStore));
        });

        // 3.当页面打开的时候，从localStorage读取数据，并显示在页面上
        if (storedData) {
            var parsedData = JSON.parse(storedData);
            if (parsedData.date === currentDate) {
                startTime = parsedData.startTime;
            } else {
                startTime = Date.now(); // 生成新的 startTime
                var newDataToStore = { date: currentDate, startTime: startTime };
                localStorage.setItem('startTimeData', JSON.stringify(newDataToStore)); // 更新日期并存储
            }
        } else {
            startTime = Date.now(); // 生成新的 startTime
            var newDataToStore = { date: currentDate, startTime: startTime };
            localStorage.setItem('startTimeData', JSON.stringify(newDataToStore)); // 存储新的 startTime
        }

        startTimer(startTime); // 启动计时器

        function startTimer(startTime) {
            var timer = setInterval(function () {
                var nowTime = Date.now();
                var diff = nowTime - startTime;
                var hours = Math.floor(diff / 1000 / 60 / 60);
                var minutes = Math.floor(diff / 1000 / 60 % 60);
                var seconds = Math.floor(diff / 1000 % 60);

                // 显示在页面上
                $('#hours').text(hours);
                $('#minutes').text(minutes);
                $('#seconds').text(seconds);

                // 如果时间为00:00:00，则清空localStorage里的数据并停止计时器
                if (hours == 0 && minutes == 0 && seconds == 0) {
                    localStorage.removeItem('startTimeData');
                    clearInterval(timer);
                }
            }, 1000);
        }
    });
}

$(document).ready(function () {
    updateTime(); // 页面加载时调用函数
    hengshuping();
});




//判断是否在移动端
function isMobile() {
    var userAgentInfo = navigator.userAgent;
    var mobileAgents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"];
    var mobile_flag = false;
    //根据userAgent判断是否是移动设备
    for (var v = 0; v < mobileAgents.length; v++) {
        if (userAgentInfo.indexOf(mobileAgents[v]) > 0) {
            mobile_flag = true;
            break;
        }
    }
    //根据屏幕分辨率判断是否是移动设备
    if (window.screen.width < 500 && window.screen.height < 800) {
        mobile_flag = true;
    }
    return mobile_flag;
}
if (isMobile()) {
    //在移动端
    //用户变化屏幕方向时调用
    $(window).bind('orientationchange', function (e) {
        hengshuping();
    });
}

//判断手机横竖屏状态：
function hengshuping() {
    if (window.orientation == 180 || window.orientation == 0) {
        // alert("竖屏状态！")
        $(".hengshuping").show()
        $('body').append('<div class="hengshuping" style="position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#fff;color:#666;text-align:center;line-height:125vh;z-index:9999;font-size:30px">请把手机旋转至横屏查看</div>');
    }
    if (window.orientation == 90 || window.orientation == -90) {
        // alert("横屏状态！")
        $(".hengshuping").hide()
    }
}

